<template>
  <div class="home">
    <template v-for="item in routes" :key="item.name">
      <router-link :to="item.path">{{ item.meta.title }}</router-link>
      <template v-if="inline">
        <br>
      </template>
      <template v-else>
        |
      </template>
    </template>
  </div>
</template>

<script setup>
import {routes} from "../router/router"

defineProps({
  inline: {
    type: Boolean,
    default: false,
  }
})
</script>

<style scoped>
a {
  margin: 10px;
}
</style>
